<?php
include ('../../datos/general.php');
include ('../../datos/conexion.php');
include ('../../datos/storeprocedure.php');
validarSession('Admin');
$conn=obtenerConexion();
?>
	<script>
	var idEditar='';
	$(function() {
		$( "#accordion" ).accordion({
			autoHeight: false,
			navigation: true
		});
	});

	function mostrarTabla(){
			$(".flexme3").flexigrid({
				url : 'Admin/cursos/cursoCargarTabla.php',
				dataType : 'xml',
				colModel : [{ display : 'Plan', name : 'nombrePlan', width : 160, sortable : true, align : 'left', process: limpiarEditar}, 
							{ display : 'Carrera', name : 'nombreCarrera', width : 160, sortable : true, align : 'left', process: limpiarEditar}, 
							{ display : 'Curso', name : 'nombreCurso', width : 130, sortable : true, align : 'left', process: limpiarEditar}, 
							{ display : 'Código', name : 'codigoCurso', width : 40, sortable : true, align : 'left', process: limpiarEditar}, 
							{display : 'Creditos', name : 'numeroCreditos', width : 40, sortable : true, align : 'left', process: limpiarEditar},
							{display : 'Horas', name : 'numeroHoras', width : 40, sortable : true, align : 'left', process: limpiarEditar},
							{ display : 'Tipo', name : 'tipoCurso', width : 80, sortable : true, align : 'left', process: limpiarEditar}],
				searchitems : [	{display : 'Plan', name : 'nombrePlan'},
								{display : 'Carrera', name : 'nombreCarrera'},
								{display : 'Curso', name : 'nombreCurso'},
								{display : 'Código', name : 'codigoCurso'},
								{display : 'Creditos', name : 'numeroCreditos'}, 
								{display : 'Tipo', name : 'tipoCurso'}],
				buttons : [ {name : 'Editar', bclass : 'edit',onpress : editar}],
				sortname : "nombreCarrera",
				sortorder : "asc",
				usepager : true,
				title : 'Cursos registrados',
				useRp : true,
				rp : 10,
				showTableToggleBtn : true,
				width : 740,
				height : 220,
				singleSelect: true
			});
		}
	
	function limpiarEditar(celDiv,id,grid){
		$(celDiv).click(function (){$("#divEditar").hide("slow");});
		}
		
	function editar(com, grid){
		var items = $('.trSelected', grid);
			if(items.length>0){
				idEditar= items[0].id.substr(3);
				$("#divEditar").show("slow");
				cargarEscuelas('idescuelasListaEditar','0');
				document.getElementById("campoNombreCursoEditar").value=$('td[abbr="nombreCurso"] >div', items).html();
				document.getElementById("campoCodigoCursoEditar").value=$('td[abbr="codigoCurso"] >div', items).html();
				document.getElementById("codigoActual").innerHTML=$('td[abbr="codigoCurso"] >div', items).html();
				document.getElementById("campoCreditosCursoEditar").value=$('td[abbr="numeroCreditos"] >div', items).html();
				document.getElementById("campoHorasCursoEditar").value=$('td[abbr="numeroHoras"] >div', items).html();
				document.getElementById("tipoCursoEditar").value=$('td[abbr="tipoCurso"] >div', items).html();
				document.getElementById("campoNombreCursoEditar").focus();
			}
			else alert('Debe seleccionar un registro.');
		}
	
	function editarCurso(){
		var nombre = document.getElementById("campoNombreCursoEditar").value;
		var codigo = document.getElementById("codigoActual").innerHTML;
		var nuevoCodigo = document.getElementById("campoCodigoCursoEditar").value;
		var creditos = document.getElementById("campoCreditosCursoEditar").value;
		var horas = document.getElementById("campoHorasCursoEditar").value;
		var seleccionTipo=document.getElementById("tipoCursoEditar");
		var index= seleccionTipo.selectedIndex;
		var tipo= seleccionTipo.options[index].value;
		if(nombre!="" && codigo!="" && creditos!="" && horas !=""){
			parametros="tipo="+encodeURIComponent("editarCurso")+"&nombreCurso="+encodeURIComponent(nombre)+"&codigoCurso="+encodeURIComponent(codigo)+
					   "&nuevoCodigo="+encodeURIComponent(nuevoCodigo)+"&creditosCurso="+encodeURIComponent(creditos)+"&tipoCurso="+encodeURIComponent(tipo)+
					   "&horasCurso="+encodeURIComponent(horas);
			cargar ("respuestaEditarCurso", "", "Admin/cursos/cursoFunciones.php", "POST", parametros, true, "");
			}
		else document.getElementById("respuestaEditarCurso").innerHTML="Hay datos sin completar";
		}
	
	function registrarCurso(){
		var nombre = document.getElementById("campoNombreCurso").value;
		var codigo = document.getElementById("campoCodigoCurso").value;
		var creditos = document.getElementById("campoCreditosCurso").value;
		var horas = document.getElementById("campoHorasCurso").value;
		var seleccionTipo=document.getElementById("tipoCurso");
		var index= seleccionTipo.selectedIndex;
		var tipo= seleccionTipo.options[index].value;
		if(nombre!="" && codigo!="" && creditos!="" && horas !=""){
			parametros="tipo="+encodeURIComponent("registrar")+"&nombreCurso="+encodeURIComponent(nombre)+"&codigoCurso="+encodeURIComponent(codigo)+
					   "&creditosCurso="+encodeURIComponent(creditos)+"&tipoCurso="+encodeURIComponent(tipo)+"&horasCurso="+encodeURIComponent(horas);
			cargar ("respuestaRegistroCurso", "", "Admin/cursos/cursoFunciones.php", "POST", parametros, true, "");
			}
		else document.getElementById("respuestaRegistroCurso").innerHTML="Hay datos sin completar";
		}
		
	function limpiarCamposRegistro(lugar){
		if(lugar!='bd')
			document.getElementById("respuestaRegistroCurso").innerHTML="";
		document.getElementById("campoNombreCurso").value="";
		document.getElementById("campoCodigoCurso").value="";
		document.getElementById("campoCreditosCurso").value="";
		document.getElementById("campoHorasCurso").value="";
		}
	
	function cargarNombre(codigo){
		parametros="tipo="+encodeURIComponent("cargarNombre")+"&codigoCurso="+encodeURIComponent(codigo);
		cargar ("cargarNombreCurso", "", "Admin/cursos/cursoFunciones.php", "POST", parametros, true, "");
		}
		
	function cargarEscuelas(estado){
		parametros="tipo="+encodeURIComponent("cargarEscuelas")+"&estado="+encodeURIComponent(estado);
		cargar ("idEscuelaAsociar", "", "Admin/cursos/cursoFunciones.php", "POST", parametros, true, "");
		}
	
	function cargarCarreras(idEscuela,estado){
		parametros="tipo="+encodeURIComponent("cargarCarreras")+"&idEscuela="+encodeURIComponent(idEscuela)+"&estado="+encodeURIComponent(estado);
		cargar ("idCarreraAsociar", "", "Admin/cursos/cursoFunciones.php", "POST", parametros, true, "");
		}
	
	function cargarPlanes(idCarrera){
		parametros="tipo="+encodeURIComponent("cargarPlanes")+"&idCarrera="+encodeURIComponent(idCarrera);
		cargar ("idPlanAsociar", "", "Admin/cursos/cursoFunciones.php", "POST", parametros, true, "");
		}
		
	function asociarCursoPlan(){
		var codigo = document.getElementById("idAsociarCodigoCurso").value;
		var seleccionPlan=document.getElementById("idPlanAsociar");
		var index= seleccionPlan.selectedIndex;
		var plan= seleccionPlan.options[index].value;
		var nombre = document.getElementById("cargarNombreCurso").innerHTML;
		if(nombre!='' && nombre!='No existe ningun curso con este codigo' && plan!='Limpio'){
		parametros="tipo="+encodeURIComponent("asociarCursoPlan")+"&codigoCurso="+encodeURIComponent(codigo)+"&plan="+encodeURIComponent(plan);
		cargar ("respuestaAsociarCarreraSede", "", "Admin/cursos/cursoFunciones.php", "POST", parametros, true, "");
		}
		else document.getElementById("respuestaAsociarCarreraSede").innerHTML="Hay datos sin completar";
		}
	
	function limpiarCamposAsociar(lugar){
		if(lugar!='bd')
			document.getElementById("respuestaAsociarCarreraSede").innerHTML="";
		document.getElementById("campoCodigoCurso").value="";
		document.getElementById("cargarNombreCurso").value="";
		}
	</script>

<table id="tablaContenedora">
	<tr>
    	<td  align="center">
        	<div class="demo">
				<div id="accordion">
                	<!--Visualizar Cursos-->
                	<h3>
                    	<a href="#" onclick="$('.flexme3').flexReload();">
                        	Ver cursos
                        </a>
                    </h3>
	                    <!-- Cargas lista de cursos en la tabla-->   
                        <div id="listaCursos" align="left">	
                        <table class="flexme3" style="display: none"></table>
                        <script>mostrarTabla();</script> 
                        <div id="divEditar" style="-moz-border-radius: 10px;-webkit-border-radius: 10px; border: 1px solid #000000; display:none" >
                        	<h3 align="center">Edite información del curso</h3>
                        	<table id="tablaEditar" align="center">
                            	<tr>
                                	<td align="right">
                                    	Código:
                                    </td>
                                    <td id="codigoActual">
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Nombre:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoNombreCursoEditar"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Nuevo código:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoCodigoCursoEditar"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Créditos:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoCreditosCursoEditar"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Horas presenciales:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoHorasCursoEditar"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                            	<tr>
                                	<td align="right">
                                    	Tipo:
                                    </td>
                                	<td>
                                    	<select name="tipoCursoEditar" id="tipoCursoEditar">
                                        	<option value="T">Teórico</option>
                                            <option value="P">Práctico</option>
                                            <option value="TP">Teórico - Práctico</option>
                                        </select>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr align="right">
                                	<td colspan="2">
	                                    <button onclick="editarCurso()">Registrar</button>
                                    </td>
                                </tr>   
                                <tr align="right">
                                	<td colspan="2" id="respuestaEditarCurso" style="color:#F00">
                                    </td>
                                </tr>
                            </table>
                        </div>                       
                        </div> <!-- Div listaCursos-->
                    <!--Registrar nuevo curso-->
					<h3>
                    	<a href="#" onclick="">
							Registrar nuevo curso
                        </a>
					</h3>
						<div id="registroCurso">
                        	<table>
                            	<tr>
                                	<td align="right">
                                    	Nombre:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoNombreCurso"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Código:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoCodigoCurso"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Créditos:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoCreditosCurso"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Horas presenciales:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoHorasCurso"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                            	<tr>
                                	<td align="right">
                                    	Tipo:
                                    </td>
                                	<td>
                                    	<select name="tipoCurso" id="tipoCurso">
                                        	<option value="T">Teórico</option>
                                            <option value="P">Práctico</option>
                                            <option value="TP">Teórico - Práctico</option>
                                        </select>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr align="right">
                                	<td colspan="2">
	                                    <button onclick="registrarCurso()">Registrar</button>
                                    </td>
                                </tr>   
                                <tr align="right">
                                	<td colspan="2" id="respuestaRegistroCurso" style="color:#F00">
                                    </td>
                                </tr>                                                            
                            </table>
						</div><!-- Div registroCurso-->
                    <!-- Asociar un curso a un plan-->
                    <h3>
                    	<a href="#" onclick="cargarEscuelas('1');limpiarCamposAsociar('')">
                        	Asociar un curso a un plan
                        </a>
                    </h3>
                        <div id="asocioCurso">
                        <table>
                            	<tr>
                                	<td align="right">
                                    	Código del curso:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="idAsociarCodigoCurso" onkeyup="cargarNombre(this.value);"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                            	<tr>
                                	<td align="right">
                                    	Nombre del curso:
                                    </td>
                                	<td id="cargarNombreCurso">
                                    
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                 <tr>
                                	<td align="right">
                                    	Pertenece a la escuela:
                                    </td>
                                	<td>
                                    	<select name="idEscuelaAsociar" id="idEscuelaAsociar" onchange="cargarCarreras(this.value,'1');"></select>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Pertenece a la carrera:
                                    </td>
                                	<td>
                                    	<select name="idCarreraAsociar" id="idCarreraAsociar" onchange="cargarPlanes(this.value);"></select>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Plan a asociar:
                                    </td>
                                	<td>
                                    	<select name="idPlanAsociar" id="idPlanAsociar"></select>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr align="right">
                                	<td colspan="2">
	                                    <button onclick="asociarCursoPlan()">Registrar</button>
                                    </td>
                                </tr>   
                                <tr align="right">
                                	<td colspan="2" id="respuestaAsociarCarreraSede" style="color:#F00">
                                    </td>
                                </tr>                                                            
                            </table>
                        </div> <!-- Div asocioCurso-->
				</div><!-- Div acordion -->
			</div><!-- Div demo -->
		</td><!-- columna contenedora -->
	</tr><!-- fila contenedora -->
</table><!-- Tabla contenedora -->